Top 18 Brand New Form Generator HTML Examples

1. JQuery CForms Form Generator

featured image

CForms is a JQuery plugin to display and manage html forms, validation and ajax communication. All HTML elements have uniqe ids and classes for easy css styling

AJAX form validation

Complete login form with php scripts secure (session based) web page example

Additional text formitem for explanations or other html code beside input elements

If you are not familiar with writing html markup forms and want to have ajax validated forms with an enhanced css styling capability this form generator is best one for you. There are only few options to setup and your form will be generated at request time.Additionally you get a complete login script with a login form and all necessary php html files.

More Details

2. Formoid

Formoid

Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!

Modern Metro, Flat, Bootstrap form themes with fancy color schemes.

Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!

All form elements look brilliantly on high resolution displays and devices.

Fully optimized to work on desktops, mobiles, and tablets.

More Details

3. Contact Form Generator - Form Builder

featured image

Contact Form Generator is a powerful form builder that enables you create the most elegant forms in less than a minute. I’ve purchased almost every other form builder off CodeCanyon and yours is by far the best.- dutchess (purchased Contact Form Generator)

A WordPress plugin version of contact form generator is available here:http://codecanyon.net/item/form-generator-wordpress-contact-form-builder/4613911

Complete Form Customization : every element in the form can be modified

Great Looking Forms : your contact form will match your website’s identity perfectly

Quick Setup : very easy to install, database needed, upload your contact form and it will be ready to work!

What People Are Saying About contact form generator free download

This is by far one of the contact form wordpress generators i have purchase and the support is amazing!

- fightforcreativity (purchased Contact Form Generator)

- gurustar (purchased Contact Form Generator)

Full Customization Of Your Form Design:

A CSS file is provided with each form you create

Logo Images : insert images in your contact form (upload available)

Drag And Drop Form Building Interface: create your form in a few minutes

Personalized Confirmation And Error Messages : write the messages displayed in form in your own language

Contact Forms Archive System : each form you create is downloadable and archived on your server

Complete Contact Form Builder: It Has Everything You Need

All HTML Standard Fields Are Included:

Every Elements Of Your Form Can Be Changed And Customized

Change The Colors : color picker is available for every elements in your contact form

Drag And Drop Interface : organize and sort all the elements of your form in seconds

Notifications : a copy of the collected data in form is sent to your inbox

Admin Notification : receive an email instantly when someone completes your contact form

User Notification (auto-responder) : automatically send an instant message to the user submitting form

CSS file included with each contact form

CSS file included with each contact form

Upload Your Logo Or Any Image In Your Contact Form

Mobile Browser Compatibility : the contact forms you create with free PHP contact form generator will work like a charm mobile phones

Upload the form’s source files on your server and it will work out of box

A zip file is provided for each contact form you create

The user notification message can be sent in plain text or email HTML form

Improvement: Improvement: the email address of the person completing your form will automatically appear in the “from” field in your inbox

New feature added: the name displayed in the inbox “Form” field is now configurable

New feature added: images can be added in the contact form

Improvement: a notification is displayed at the top right of form editor if a new version of asp contact form generator free is available for download Code Canyon

First release of Contact Form Generator

More Details

4. textAreaPro

featured image

A jQuery plugin that easily allow you to create dynamic textarea input fields that can highlight text of several patterns at once, catch and copy keywords design text are without manually adding CSS rules HTML tags.

More Details

5. Ajax PHP Contact Form with CSV Exporter & Filters

featured image

Powerful, Flexible, and Maintainable Contact Form – With Feedback System Reply Management – V 3.No other contact form offer this solution!

AJAX Contact form with light-weight contact request manager.Your AJAX Contact Form is stuck in my mind Big Hug.Powerful AJAX Contact form with Reply Management via Email

Use it as a simple contact form or utilize all the features

Form to emails and database

Ease of integration – into any existing HTML or PHP page on your website.Search form open/close toggle effect

– AJAX based reply form. – A dedicated link – System will send a dedicated link to contact form filler so that he/she can directly reply to the response.Not a fan of AJAX? You can check out our PHP Contact Form

Set Email addresses(CC/BCC) to which you wish to receive contact form data

With JavaScript contact form form, following additional class libraries are also included – YOU can reuse them in your upcoming projects.Form Validator Class

CSV Generator Class

Form Handler Classes

Thanks! Grecontact form!

I don’t have a background in programming or computer science and found this email contact form HTML code to be VERY EASY to configure.Search form open/close toggle functionality added

AJAX based reply form

net/item/ajax-php-contact-form-with-csv-exporter-filters/full_screen_preview/179128

More Details

6. FormCraft - Premium WordPress Form Builder

featured image

AJAX-powered form interface.Form validation

Auto-save form data for the end-user

Form analytics in WordPress

Drag and drop, GUI form builder

Compressed form data

Dedicated form page

2 makes some important changes to the form styles. If the styles are off at some places, go to form builder, remove, and re-add those fields (specially multi-choice, and checkbox fields).

More Details

7. Form Generator - WordPress Contact Form Builder

featured image

With The Most Powerful WordPress Form Builder Plugin

Have Complete Control On Your Forms Design Without Coding Any HTML CSS

Create Your Perfect Form Style

Unlimited Color Palette : each form element can have its own color properties (background, border, font)

Preview Edit Your Form Directly In Form Generator

What You See In The contact form wordpress Is Exactly What You Will Get In Your WordPress page

Build Your Form In Less Than 60 Seconds: take full control of your forms with our effortless drag and drop form builder

Real Time WordPress Form Builder

Your Form Design Will Match Your WordPress Theme instantly

Export Your Form Entries Easily into a CSV file or text file

Bulletproof Forms : each form includes validation procedures that prevent invalid data and prevent malicious code from being sent to you

Form Cloning For Faster Edition

Easy Edit : each form you create comes with its own configuration and settings

Duplicate any form in one click save you the trouble of recreating the same form multiple times

Create Any Type Of Form

Form Generator for WordPress can handle every type form you could possibly need :

WordPress Widget Available: insert your form anywhere in your WordPress theme

Popup Mode Available : open your form in popup

PHP Code Snippets Available : insert your form anywhere in your WordPress template files

All Standard Form Inputs Available :

6 Advanced Form Fields Available

Yes, coding for WordPress is difficult, this is why we wanted this PHP form builder script to be as easy-to-use as possible so that you can focus on your website content instead of PHP CSS coding. No knowledge of HTML, CSS or PHP is necessary to have it all working properly.No CSS Headaches: use our powerful color palettes and font selector to give any style you want in your form

PHP Coding Required : each form is created with its own php validation files,you won’t need code anything to have working properly

High Quality Code Guaranteed : Form Generator delivers clean HTML coded forms fully compliant with W3C standards

Gorgeous Form Builder

All The Messages Below Are Real Buyer Testimonials About wordpress contact form Wordpress

Form Generator is 100% Compatible With:

More Details

8. Sleek-kit Clean & Simple Bootstrap Form

featured image

Sleek-kClean and Simple Form

Sleek-kClean and simple form contact wordpress HTML & CSS.Its Bootstrap Grid form pack. Sleek kit is simple, clean and fresh modern form pack hat useful to agency, company , portfolio, etc.Sleek-kit psd include below form. Create Account form

Login Form

Forgot password form

Contact form

Newsletter form

Request Quote Form

Raleway (Google web-form) (Download from) http://www.

More Details

9. Unlimited Form Builder & Manager

featured image

Unlimited Form Builder & Manager Unlimited Form Builder & Manager is a do-it-all tool for creating, managing and implementing any number of forms across your website. Supports an unlimited number of form fields including File Uploads and HTML Emails. Preview entered form information before submission. Form output including Preview & Completed pages are template based and are 100% customizable using WYSIWYG editor. Unlimited Form Builder & Manager is your end solution for administrating and quick deployment for all your form needs.x Feature Packed Administration (jQuery / jQuery UI / Ajax Features) Create Unlimited Forms Create Unlimited Outgoing HTML formatted Emails Unlimited File Upload Fields w/ Files Attached to Email(s) Drag & Drop Sort Order of Form Fields Form output from Templates. Create new Templates to Give Unique Design per Form Supports all Form Field Types + Custom Field Types (Email / Date Picker) Input Validation & Required Fields (Client & Server Side) WYSIWYG editor to easily customize Form Preview & Completed Pages WYSIWYG editor to easily format outgoing HTML Emails Quick integration of created forms using IFrame Code Generator .Example Form using IFrame Code Example Form Direct Access (No IFrame)

Form Manager & Administration – Username & Password: “admin”

View the Unlimited Form Builder & Manager Documentation

Added /documentation/ Styled Form Elements on Front-End jQuery Tabs JavaScript modifications to fix rendering issue on page load.

More Details

10. Ether Forms Builder WordPress Plugin

featured image

Ether Form Builder WordPress

Plugin is form building tool aided with visual form builder

allowing creation of complex form layouts easily.commonly used form elements as well as some extra widgets accessible via

Added: shortcode (form-entries) to list the entries in the front end

Fixed: empty label and value in the form entry

Widgets accept shortcodes html notatiForm entries viewable from WordPress admin

Dowlnoad form entries in CSV format

Many form element types and a few widgets such as columns (1-6 and mixed), message boxes, images etc. to aid form design

Predefined form elements such ass Address, Email, Telephone etc. Customizable form submbutton

Added: shortcode (form-entries) to list the entries in the front end

Fixed: empty label value in the form entry

Fixed: Error preventing from accessing form entries

More Details

11. Platinum3D Content Animator - Standalone Version

featured image

revolution has been arrived, you can now turn your website HTML elements to 3D.Currently supported HTML elements are:

turn HTML elements to 3D

you can set background color, font color, font size, any custom HTML, vertical- and horizontal align

usable html elements in data-content attribute, like data-content=”[br]text[br]”

If you have any question or feedback, please feel free to email via my user page contact form.

More Details

12. jQuery Contact Tabs

featured image

A jQuery form generator for creating unlimited slide-out static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Add multiple tabs, each with its own custom form or use the built-default standard contact form. All form HTML and styling generated by the plugin.Available Form Elements

URL field for including URL of page where form was submitted

Create custom forms with 12 different form elements

Submit form viAJAX

Includes validation options for form input

Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!

Multiple examples including configurable demo and form samples.

More Details

13. Auto Form

featured image

For a more advanced form builder, take a look at Master Form Builder

The “Form Builder – made easy” script is a Javascript helping you as a developer and/designer to create valid HTML5 forms with ease; without having to remember all available input fields and attributes or the new HTML5 standards and options. Thscript generates all HTML form input automatically after your specifications. On a single page you are able to create all your form input fields, including editing, removing and sorting, and setting up the configuration for the main form tag. All valid input attributes are available, unique attributes for specific input fields, global attributes form overrides. To make the html output more useful each input field can be wrapped with HTML. Thscript will act as the starting point when adding new HTML forms to your websites. Make sure to preview the screenshots for a better understanding on how this free form builder online script works! In short, these are the steps:

Add all form fields your form require

View your form meanwhile you add new input fields and sort and edit added fields. Set up the attributes for the maform tag such as action, method and such. Click on generate and HTML + PHP stubs will be generated for you.Unique input attributes, form override attributes, global attributes

More Details

14. Clean & Simple Travel Booking Form

featured image

Travel Booking Form: Clean & Simple Travel Booking Form

Clean Simple Travel Booking Form HTML & CSS. Tab styled booking form. Also available in 4 Color Html in main file.HTML File are below

Account InformatiForm

Payment Detail Form

More Details

15. Sky Forms Pro

featured image

Sky Forms Pro is set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.Modern ElementsIncludes progressive form elements: input with autocomplete, toggles and ratings.Ajax PoweredAllows you to easily and unobtrusively upgrade HTML forms to use AJAX instead of regular sumbit.Modal FormsYou don’t have enough space for the form? It’s not a problem! Use any form modal window.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled. Semantic HTML markup and standards compliant CSS.Lifetime SupportTo get support please send me an email through the contact form on my profile page.jQuery Form Plugin by jQuery Foundation

More Details

16. QuickClick - Virtual Keyboard

featured image

HTML

<form action="#testform" method="GET">

</form>

More Details

17. X Forms - WordPress Form Creator Plugin

featured image

Themes/ColSchemes are applied accordingly to input form HTML elements, error messages, confirmation messages, help text and submit button! So no need to style every element, save time simple using presets (which can also be modified!) Take a minute and to check out the live demo preview the color schemes for websites on a dark or light theme.Form elements include:

Text Paragraph (allows HTML)

That’s right!, all form submission you’ll receive are submitted by humans and not robots! This is done without using Captha which is proved to annoy most users!

There is no loading time once the page is open, if you click something you get it instantly…in other words, fancy animated loading icons to frustrate you during your form setup.Well, with 25 themes to choose from it should be hard to not to find something to not fit your theme…But just in case we’ve added a visual editor that allows you change individual form elements or change the same element group as a whole using the following settings:

Form entry storage export

All form entries are stored and can be retrieved from the admin panel.Send professional custom confirmation mails to your clients upon completing a form.Add more then on form on a single page example one (or more) in page content, one (or more) in footer and one (or more) in the sidebar.Creating a template is easy, simply create form and use the duplicate form function!

More Details

18. FormMapper Address Autocomplete with Geolocation

featured image

Optionally: you can add map container that will display an interactive map with drag and drop location finding capabilities and form that will be populated with the complete address details including the latitude longitude coordinates.html

The remaining details will be completed for you and if you include additional form elements or a map container they will be filled in with the appropriate content.html

If you click that button the site should first ask for your permission locate you (if you haven’t already approved it) and then site will automatically attempt to find your location, as close as possible map it and fill in the form.formMapper() will run, form address elements will be filled in, and map will be shown.html

By conguring form slightly you can handle multiple results.html

html

In addition to being able to fill in form by entering an address, you could also search for location of a Point of Interest (POI).html

html

html

html

Demo Contact Form

html

There is the usual form on the left that searches for a location and fills in the input items and has a smaller map included.Then there is the demo contact form on the right with map that displays the location of the restaurant (as shown below.formMapper() plugin but is not attached to any form (since you wouldn’t want to change display of where you can be found.formMapper element on page is found in the HTML simple form itself.This particular use of the formMapper() plugin does not update map and does not have a list of form inputs for the various address components. However, if you fill out the form and click submit (it will not send email in the demo)  it will just display email content for you to view.By adding a list hidden fields that each have address component names form will have the various address items inserted without being visible to the end user and will be able to be sent along with the other (visible) form elements.details (The container that should be populated with the form data)

html#MapOptions

html#place_search_requests

In addition to simplifing your form’s address input for your site’s visitors there are many uses for this plugin.

More Details

19. Responsive CSS Forms Set & Validation

featured image

Custom Forms is a set of responsive layout HTML/CSS forms validated via javascript. vertical mode structure is label and field underneath, horizontal – label next to field modal type popups the form.

More Details